<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
        <style>
            body{
                background-color: #F5F5F5;
            }
            .wrapper{
             height: 250px;
             width: 234px;
                background-color: white;
         }
            .picture{
                width: 160px;
                height: 160px;
            }
            .descripe{
                width: 214px;
                height: 21px;
                font-size: 14px;
                color: #333333;
                margin: 0px 10px 2px;
            }
            .price{
                width:214px;
                height: 21px;
                font-size: 14px;
                color: #FF6700;
                text-align: center;
            }
            .s-descripe{
                width: 214px;
                height: 18px;
                font-size: 12px;
                color: #B0B0B0;
                margin: 0px 10px 10px;
                text-align: center;
            }
            .wrapper:hover
            {
            box-shadow: 0px 2px 10px 0px grey;
                margin-top: -5px;
                transition: all 0.5s;
            }
        </style>
</head>
    <body>
        <div class="wrapper">
            <div class="picture">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=200&h=200&f=webp&q=90">
            </div>
            <div class="descripe">米家互联网空调C1（一级能效）</div>
            <div class="s-descripe">变频节能省电，自清洁</div>
            <div class="price">2099元
                <s style="color: #B0B0B0;font-size: 14px">2699元</s>
            </div>
        </div>
    </body>
</html>